@charset "utf-8";
/* 　 */
section.SideMenu{
    width:290px;
    position:fixed;
    top:0;
    left:0;
    z-index:100;
    padding:24px 24px;
    background:#ffffff;
}
section.SideMenu img.logo{
    width:170px;
    display:block;
    margin-bottom:35px;
}
section.SideMenu div.UserProfile{
    display:flow-root;
    margin-bottom:40px;
}
section.SideMenu div.UserThumb{
    width:60px;
    height:60px;
    border-radius:30px;
    margin-right:10px;
}
section.SideMenu div.UserPoint{
    height:1.2em;
    font-size:14px;
    margin-bottom:10px;
}
section.SideMenu div.UserName{
    height:1.2em;
    font-size:24px;
}
section.SideMenu ul.TopMenu li.TopMenu{
    font-size:16px;
    padding-bottom:30px;
    cursor:pointer;
}
section.SideMenu ul.TopMenu li.TopMenu img.MenuIcon{
    width:20px;
    height:20px;
    margin-right:20px;
}
section.SideMenu ul.TopMenu li.TopMenu ul.SubMenu{
    display:none;
    position:absolute;
    background:#ffffff;
    z-index:2;
}
section.SideMenu ul.TopMenu li.TopMenu:hover ul.SubMenu{
    display:inline-block;
    margin-left:1em;
    background:#ffffff;
    border:1px solid #c0c0c0;
    padding:0.5em;
}
section.SideMenu ul.TopMenu li.TopMenu ul.SubMenu li{
    white-space:nowrap;
    background:#ffffff;
}

header{
    display:flow-root;
    background:var(--main-bg);
    padding-bottom:20px;
    padding-left:320px;
}
header a.Logout{
    display:inline-block;
    float:right;
    margin-top:20px;
    margin-right:20px;
}
header a.Logout img{
    margin-left:10px;
    width:18px;
    vertical-align:middle;
}

main{
    padding-left:320px;
    padding-right:30px;
    min-width:1200px;
}